<template>
  <div>
    <!-- 匿名插槽 -->
    <!-- <slot /> -->

    <!-- 具名插槽 -->
    <!-- <slot name="header"></slot>
    <slot></slot>
    <slot name="footer"></slot> -->

    <!-- 作用域插槽 -->
    <slot name="header"></slot>
    <div>
      <div v-for="(item, index) in 100" :key="index">
        <slot :list="item"></slot>
      </div>
    </div>
    <slot name="footer"></slot>
  </div>


</template>

<script setup lang="ts"></script>

<style scoped></style>
